﻿<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
xmlns:sys="http://jscriptsuite.com/templates/clr/System,mscorlib"
xmlns:lazy="http://jscriptsuite.com/templates/clr/JScriptSuite.JScriptLib.UI.Controls.Lazy,JScriptSuite.JScriptLib"
xmlns:ui="http://jscriptsuite.com/templates/clr/CodePlex.SharePoint.Explorer.Modules.Lists.UI"
xmlns:views="http://jscriptsuite.com/templates/clr/CodePlex.SharePoint.Explorer.Modules.Lists.Views"
xmlns:j="http://jscriptsuite.com/templates"
xmlns:dp="http://jscriptsuite.com/templates/clr/JScriptSuite.JScriptLib.DataBinding.Providers,JScriptSuite.JScriptLib"
xmlns:jc="http://jscriptsuite.com/templates/clr/JScriptSuite.JScriptLib.Common,JScriptSuite.JScriptLib"
xmlns:splitters="http://jscriptsuite.com/templates/clr/JScriptSuite.JScriptLib.UI.Controls.Splitters,JScriptSuite.JScriptLib"
xmlns:controls="http://jscriptsuite.com/templates/clr/JScriptSuite.JScriptLib.UI.Controls,JScriptSuite.JScriptLib">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title></title>
</head>
<body j:type="ui:ContentTypesPane">
    <div style="height: 100%; width: 100%; overflow: hidden"
        j:control="splitters:Splitter(false, 0.5)">
        <div style="overflow: hidden" j:control="j:control.Overview
            {
              RowsSelection.Data = j:control.Data.SelectedItem,
              DataSource = j:control.Data.OverviewListView.Target
            }">
        </div>
        <div style='overflow: hidden' j:control="lazy:LazyPane() {
            Element.Style.Visibility = jc:Operations.IsVisible(jc:Operations.IsNotNull(j:control.Data.SelectedItem)),
            Lazy = j:control.Data.SelectedItem.Detail
          }">
            <div style='height: 100%; width: 100%; overflow: hidden' j:control="splitters:Splitter(true, 0.6)">
                <div style='overflow: auto'>
                    <table celllpading='4' cellspacing='0' class='properties'>
                        <tbody>
                            <tr>
                                <th>ID</th>
                                <td j:control="controls:Control() { Element.InnerText = j:control.Data.SelectedItem.ID }"></td>
                            </tr>
                            <tr>
                                <th>Name</th>
                                <td j:control="controls:Control() { Element.InnerText = j:control.Data.SelectedItem.Name }"></td>
                            </tr>
                            <tr>
                                <th>Description</th>
                                <td j:control="controls:Control() { Element.InnerText = j:control.Data.SelectedItem.Description }"></td>
                            </tr>
                            <tr>
                                <th>FeatureId</th>
                                <td j:control="controls:Control() { Element.InnerText = j:control.Data.SelectedItem.Detail.Value.FeatureId }"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div style='overflow: hidden' j:control="ui:FieldsGrid(j:control.Data.FieldsEditor) {
                     DataSource = j:control.Data.FieldsEditor.FieldsListView.Target
                }">
                </div>
            </div>
        </div>
    </div>
    <j:bind source="j:control.Data.SelectedList.ContentTypes.Value" target="Data.OverviewListView.Source" active="j:control.Data.IsActive" />
    <j:bind source="j:control.Data.SelectedItem.Detail.Value.Fields" target="Data.FieldsEditor.FieldsListView.Source" active="j:control.Data.IsActive" />
</body>
</html>
